import Top1ImgUrl from "./assets/top1.webp";
import Middle1ImgUrl from "./assets/middle1.webp";
import Middle2ImgUrl from "./assets/middle2.webp";
import Bottom1ImgUrl from "./assets/bottom1.webp";
import Bottom2ImgUrl from "./assets/bottom2.webp";
import D300MobileImgUrl from "./assets/D300-mobile.webp";
import P400MobileImgUrl from "./assets/P400-mobile.webp";
import DB2MobileImgUrl from "./assets/DB2-mobile.webp";
import C2MobileImgUrl from "./assets/C2-mobile.webp";
import PF1MobileImgUrl from "./assets/PF1-mobile.webp";

const DESKTOP_PRODUCTS_OPTIONS = {
  topArea: [
    {
      productKey: "D300",
      imagePath: Top1ImgUrl,
      imageAlt: "D300",
      style: "light",
    },
  ],
  middleArea: [
    {
      productKey: "P400",
      imagePath: Middle1ImgUrl,
      imageAlt: "P400",
    },
    {
      productKey: "DB2",
      imagePath: Middle2ImgUrl,
      imageAlt: "DB2",
    },
  ],
  bottomArea: [
    {
      productKey: "C2",
      imagePath: Bottom1ImgUrl,
      imageAlt: "C2",
    },
    {
      productKey: "PF1",
      imagePath: Bottom2ImgUrl,
      imageAlt: "PF1",
    },
  ],
};
const MOBILE_PRODUCTS = [
  {
    productKey: "D300",
    imagePath: D300MobileImgUrl,
    imageAlt: "D300",
  },
  {
    productKey: "P400",
    imagePath: P400MobileImgUrl,
    imageAlt: "P400",
  },
  {
    productKey: "DB2",
    imagePath: DB2MobileImgUrl,
    imageAlt: "DB2",
  },
  {
    productKey: "C2",
    imagePath: C2MobileImgUrl,
    imageAlt: "C2",
  },
  {
    productKey: "PF1",
    imagePath: PF1MobileImgUrl,
    imageAlt: "PF1",
  },
];
export { DESKTOP_PRODUCTS_OPTIONS, MOBILE_PRODUCTS };
